<template>
  <div class="head" v-if="$slots.head">
    <slot name="head"></slot>
    <slot name="left"></slot>
  </div>
</template>
<script setup>

</script>

<style lang="css" scoped>
.head {
  width: 100vw;
  height: 200px;
  background-color: #cea0a0;
}

.body {
  height: calc(100vh - 200px);
  display: flex;
}

.left {
  width: 200px;
  height: 100%;
  background-color: #458148;
}

.right {
  flex: 1;
  background-color: #4b2f4a;
}
</style>